body {margin:0; padding: 0 0 10px 0; background: #ededed;}
#wrapper { width: 100%; margin-top: -5px;}
#page {width:977px; margin:0 auto;}

html[xmlns] .clearfix {display: block;}
.clearfix:after {content: "."; display: block;  height: 0;  clear: both; visibility: hidden;}
.clr { clear:both;}
.fll {float:left;}
.flr {float:right;}

#footer {text-align: center; color: #959595; padding: 10px 0;}
	#footer a {color: #959595; text-decoration: none;}
	#footer a:hover {color: #0878be; text-decoration: underline;}

label, input, select, textarea {  float:left; display:block; border: 1px solid #bebebe; color: #666; padding: 2px 4px 3px 4px; margin-top: 10px; width: 295px; font: 13px/18px Arial, Helvetica, sans-serif;}
label { border: none; padding: 0; clear: left;}
label  span { color: red; margin-left: 2px;}
input, select { height: 18px; }
select { padding: 2px 2px 2px 4px; height: 24px;}
label.check-box {width: auto; overflow: hidden; float: none; border: none;}
label.check-box  input { width: auto; margin: 0 5px 0 0; border: none;}
label.radio input {border: none;}
input.check-box { width: auto; margin: 8px 5px 0 0;}
.form-submit { clear:both; overflow:hidden; padding-top: 10px; height: 37px}
.back-btn, .send-btn, .reset-btn {width: 70px !important; height: 28px; line-height: 24px; color: #666; padding-bottom: 6px; margin-top: 0; margin-left: 10px;}
.back-btn { margin-left: 0;}

select option { padding: 3px 8px;}
select option.option1 { color: #999}
select option.option2, select option.option3 { color: #666}
select.udfort, select option.option4 { color: #339933}
select.afslaet, select option.option5 { color: #993333}

p.input-set { position:relative !important; margin: 0 !important; clear:both;}

label.UpdnWatermark {
	width:auto !important;
	padding: 4px 0 0 8px;
}

span.info-icon { display:block; width: 21px; height: 21px; background:url(../img/info-icon.gif) no-repeat 0 0; margin-left: 5px;}
span.info-icon:hover { background-position: -22px 0; }

div.print { clear:both; overflow:hidden; height: 40px;}
a.print-btn { clear: both; width:95px; height: 30px; line-height: 24px !important; padding: 0 !important; float:right; text-align:left !important; overflow:hidden;}

a.print-btn span { 
	background:url(../img/print.png) no-repeat top left; 
	display:block;
	width: 70px;
	height: 16px;
	line-height: 16px;
	padding-left: 24px;
	margin-left: 8px;
	float:left;
	margin-top: 7px;
	}

.h1-large { text-transform: uppercase; font-size: 30px; color: #0878be; text-align:center;}

.pad23 {padding:23px;}
.pad10 {padding:10px;}
.padt10 {padding-top:10px;}
.pad15 {padding:15px;}
.padt15 {padding-top:15px;}
.padt20 {padding-top:20px;}
.padlr10 {padding-left:10px; padding-right:10px;}
.padlr20 {padding-left:20px; padding-right:20px;}
.padlr40 {padding-left:40px; padding-right:40px;}
.padtb5 {padding-top:5px; padding-bottom:5px;}
.padtb10 {padding-top:10px; padding-bottom:10px;}
.padb5 {padding-bottom:5px;}
.padb20 {padding-bottom:20px;}

.marr5 {margin-right:5px;}
.marr10 {margin-right:10px;}
.marr15 {margin-right:15px;}
.marr20 {margin-right:20px;}
.mart8 {margin-top:8px;}
.mart10 {margin-top:10px;}
.mart15 {margin-top:15px;}
.mart27 {margin-top:27px;}
.mart30 {margin-top:30px;}
.marb5 {margin-bottom:5px;}
.marb20 {margin-bottom:20px;}
.marb15 {margin-bottom:15px;}
.marb10 {margin-bottom:10px;}
.marb25 {margin-bottom:25px;}
.marb30 {margin-bottom:30px;}
.marb40 {margin-bottom:40px;}
.marl10 {margin-left:10px !important;}
.marl25 {margin-left:25px;}
.marl95 {margin-left:95px;}
.marlr10 {margin-left:10px; margin-right:10px;}
.marlr13 {margin-left:13px; margin-right:13px;}
.marlr15 {margin-left:15px; margin-right:15px;}
.marlr17 {margin-left:17px; margin-right:17px;}

.w50 {width:50px;}
.w130 {width:130px;}
.w135 {width:135px;}
.w155 {width:155px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w265 {width:265px;}
.w295 {width:295px;}
.w340 {width:340px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w510 {width:510px;}
.w520 {width:520px;}
.w580 {width:580px;}
.w630 {width:630px;}
.w650 {width:650px;}
.w698 {width:698px;}
.w751 {width:751px;}
.w975 {width:975px;}
.h638 {min-height: 638px;}
.h670 {height: 670px;}

.bor-std { border: 1px solid #ccc; background-color: #fff;}
.content-decoration { /*background: #fff url(../img/main-img-bg.jpg) no-repeat right bottom;*/ min-height: 638px;}

.button, a.button{
	display: block;
	padding: 2px 5px 2px 5px;
	-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
	-moz-box-shadow: 0px 1px 2px rgba(27,27,27,0.4);
	-webkit-box-shadow:0px 1px 2px rgba(27,27,27,0.4);
	box-shadow: 0px 1px 2px rgba(27,27,27,0.4);
	cursor:pointer !important;
	outline:none!important;
	text-align:center;
	text-decoration:none;
	color: #666;
	-moz-box-sizing:border-box!important;
	border: 1px solid #a4a4a4;
	background:#fff url(../img/button-bg.png) repeat-x bottom;
}
.button:hover, a.button:hover{
	border:1px solid #828282;
	text-decoration: none;
	color: #2f2f2f
}


#header {font-size: 13px; height: 117px; background: #fff; }
	#logo { margin: 0; position:relative;}
	#logo .slogan { color: #959595; display:block; position:absolute; top: 68px; right: 43px; z-index: 2; font-size: 12px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0;}
	#header .header-right {width: 590px; margin-right: 25px;}
	a.login { height: 32px; line-height: 30px; font-size: 18px; width: 130px; margin-top: 30px; color: #3b8cb5; padding: 0;}
	a.login:hover, a.logout:hover { color: #336699}
	#header .logged { margin: 15px 0px 0; display:block; color:#999; text-decoration: none; text-align:right; font-size: 14px;}
	.logged span.user { text-transform: none; padding: 0 8px;}
	.logged a.my-account { padding: 2px 8px; display:block; text-decoration: none; font-family: 'HarabaraRegular'; font-size: 17px; letter-spacing: 1px; }
	
	.logged-btn { width: 300px; clear:both; overflow:hidden; height: 50px; float:right;}
	a.my-account, a.logout { width: 100px; font-size: 16px; font-weight: bold; color: #3b8cb5; padding: 6px 0; margin: 3px 10px 0 0; }
	
	#main-nav { height:25px; border-top: 1px solid #ccc; background: #dbdbdb url(../img/menu-bg.png) repeat-x top;}
	ul.menu {margin:0; padding:0 0 0 5px; list-style:none;}
	ul.menu li {float:left; padding: 0 33px;}
	.mac ul.menu li {padding: 0 34px;}
	ul.menu li a { display:block; text-decoration:none; color:#999; font-size: 14px; height: 25px; line-height: 24px;}
	ul.menu li a:hover { text-decoration: underline;}
	ul.menu li.active a { color: #666; font-weight: bold;}
	ul.menu li.active a:hover {color:#999;}
	
	#login { overflow: hidden; width: 500px; margin: 60px 0 0 60px; padding: 30px 0 30px 80px; border: 1px solid #ddd; background: #f6f6f6; }
	#login h1 { font-size: 22px; color: #1770b4; padding-bottom: 8px; margin-bottom: 0;}
	#login label { float: left; width: 95px;  margin-top: 15px;}
	#login input#username{ margin-top: 15px; width: 295px;}
	#login label.check-box {line-height: 22px; font-size: 13px; float: left !important; margin-top: 4px; padding-bottom: 0; width: 305px; margin-left: 95px;}
	#login label.check-box input {width: 14px; margin-top: 2px;}
	#login p { clear: both; padding: 10px 0; overflow: hidden; margin-left: 95px;}
	#login p a {color: #1770b4; text-decoration: none; display: block; float: left; margin-right: 20px;}
	#login p a:hover { text-decoration: underline;}
	#login .form-submit { padding: 0 0 10px 0; margin: 0;}
	#login input.button { width: 80px; height: 28px; padding: 4px 5px 5px 5px; margin: 0 0 0 210px; font-weight: bold; font-size: 14px; text-transform:uppercase}
	#login input.button:hover, #contact .send-btn:hover { color: #3b8cb5}

#main {clear: both; padding-top:  10px; position: relative; width: 977px;}
#banner{ overflow:hidden; width: 975px; height: 191px; }

.content-inner { /*margin: 50px 0 0 60px;*/margin: 45px 0 0 60px;}
.content-inner .content-view p { margin-bottom: 20px;}
	
#opretMaleropgave {overflow: hidden; clear: both; height: 278px;}
	#opretMaleropgave .illu { width: 295px; height: 278px;}
	#opretMaleropgave .desc {width: 383px; margin-top: 55px;}
	#opretMaleropgave .opret-btn {width: 188px; height: 45px; line-height: 44px; font-size: 18px; margin: 10px auto; padding: 0; color: #3b8cb5}
	#opretMaleropgave .opret-btn:hover { color: #336699}
	#opretMaleropgave h1 { text-align: center; color: #3b8cb5;}
	#opretMaleropgave p.info { text-align:left; margin-left: 55px;}
	#opretMaleropgave a.more { width: 90px; margin: 0 auto; display:block; padding-left: 12px;}

.extra-blocks { overflow:hidden; width: 977px !important;}
	.extra-blocks ul { list-style: none; margin: 0; padding: 0;}
	.extra-blocks ul li { background:url(../img/list-bullet.gif) no-repeat left 9px; padding-left: 7px; line-height: 18px;}
	.extra-blocks .opslaede-opgaver { width: 274px; min-height: 144px;}
	.extra-blocks .opslaede-opgaver ul {padding-left: 12px; }
	.extra-blocks .opslaede-opgaver ul li  span{font-size: 12px; }
	.extra-blocks .quotes { width: 533px; min-height: 144px; background: #fff url(../img/quotes-bg.jpg) no-repeat 0 0;}
	.extra-blocks .quotes .desc { float: left; width: 375px; overflow:hidden;}
	.extra-blocks .quotes img { float:left; margin-right: 10px;}
	.extra-blocks .quotes ul li { margin-top: 6px; padding-right: 10px;}
	.extra-blocks .quotes span.quote { font-style:italic;}
	
	.extra-blocks .kunder-service { width: 144px; height: 144px; text-align:center;}
	.extra-blocks h3 { margin-top: 12px; text-align:center; margin-bottom: 8px;}
	.extra-blocks .quotes h3 { text-align:left;}
a.back { display:block; background:url(../img/back-arrow.png) no-repeat left center; padding-left: 8px; color: #828283; clear: both; margin-bottom: 5px; text-decoration: none; font-size: 12px;}
a.back:hover { color: #0878be; text-decoration: underline;}

#contact .content-inner { margin: 40px auto;}
#contact label { width: 140px;margin-top: 15px}
#contact input.input-txt { width: 300px; margin-top: 15px}
#contact textarea {width:300px; height: 100px;margin-top: 15px}
#contact .form-submit { width: 450px;}
	
.tilmeld-form input {width: 320px;}
.tilmeld-form input.post-num, .tilmeld-form input#cvr,.tilmeld-form input#telefone, .tilmeld-form input#job_tel { width: 60px; margin-right: 10px;}
.tilmeld-form input.city{ width: 240px; }
.tilmeld-form input#email, .tilmeld-form input#confirm_email{ width: 212px; }
.tilmeld-form input.short { width: 160px; }
.tilmeld-form label{ width: 185px; line-height: 16px;}
.tilmeld-form label.city { width: 30px; clear: none;}
.tilmeld-form textarea { height: 100px; width: 320px;}
.tilmeld-form label.check-box { width: 80px; float: left; clear: none; margin-top: 10px;}
.tilmeld-form p.check-box, .tilmeld-form p.input-set.accept { padding-left: 185px;}
.tilmeld-form p.check-box label { width: auto;}

.tilmeld-form div.input-set {overflow: hidden; float: left; width: 380px;}
.tilmeld-form select { max-width: 200px;}
.tilmeld-form select { width: 170px;}

.tilmeld-form p.input-set.accept label.check-box{ width: 250px;}
.tilmeld-form span.info-icon { float: left; margin-top: 12px;}

/*---Style input File--*/
.file-input-set {
	clear: both;
	overflow:hidden;
	position:relative;
	margin-bottom: 0 !important;
	margin-top: 3px;
}
.file-wrapper { position: relative; overflow: hidden; float: left;}

.file-input-set span { display: block !important; float: left; margin: 9px 5px 0 5px; opacity: 0.8;
  filter:alpha(opacity=80);}
.file-input-set span:hover {opacity: 1; filter:alpha(opacity=100);}
.file-input-set span input.file {margin-top: 0px !important;}

.file {
	text-align: left;
	float: left;
	color: #2b2b2b !important;
}

.file-fake-wrapper { overflow: hidden;}

p.file-input-set label { left: 0 !important; top: 0px !important; float: left}

p.file-input-set span.info-icon { margin-left: 0;}

#otherAddress {}
#otherAddress input, #otherAddress label { margin-top: 3px;}

#otherAddress p.input-set.post { float: left; margin-left: 185px !important; width: 70px;}
#otherAddress p.input-set.city { float:left; width: 250px; clear: none !important; margin-left: 10px !important;}
#otherAddress p.input-set  label.UpdnWatermark{ top: 0px !important}

img.ui-datepicker-trigger { margin: 13px 0 0 5px; cursor: pointer;}

#sidebar { background: #fff url(../img/side-img.jpg) no-repeat bottom left; min-height: 1285px;}

.tabs {height: 54px; width: 753px; list-style: none; padding: 0; margin: 0;}
.tabs li {height: 54px; width: 376px; padding: 0; margin: 0; float: left; display:inline-block;}
.tabs li.first { margin-right:1px;}
.tabs li a { background-color: #e8f0f7; border: 1px solid #ccc; text-indent: 25px; height: 54px; line-height: 50px; display:block; font-family: 'HarabaraRegular', Arial; letter-spacing: 1px; font-weight: normal; color: #999; font-size: 24px; border-radius: 18px 18px 0px 0px; -moz-border-radius: 18px 18px 0px 0px; -webkit-border-radius: 18px 18px 0px 0px; }
.tabs li a:hover {color: #666; text-decoration: none;}
.tabs li a.selected { background-color: #fff; color: #336699; text-decoration: none; border-bottom: 1px solid #fff;}
.tabs li a.selected:hover {color: #003366;text-decoration: none;}

.tab-content-ctn { margin-top: 1px; /*max-height: 1230px;*/ min-height: 1230px;}
.tab-content-ctn .tab-content-inner{ padding: 15px;}

.legend { border: 1px solid #6699cc; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 22px 0; position:relative; }
.legend h3.title, .legend h2.title  { background: #fff; position:absolute; top: -10px; left: 12px; padding: 0 5px; color: #3b8cb5;}
.legend h2.title { top: -10px; left: 12px; color: #666; font-size: 22px;}
.legend .inner { padding: 0 12px;}

.search-form  p.input-set { margin: 0; padding: 6px 16px;}
.search-form  p.input-set.odd { background-color: #f6f6f6;}
.search-form  p.input-set input { margin: 0; width: 300px;}
.search-form  p.input-set select { margin: 0; width:310px;}
.search-form  p.input-set label { margin: 0; width: 200px;}
.search-form input.search-btn { width: 95px !important; height: 33px; position:absolute; right: 20px; top: 95px; font-weight: bold; font-size: 14px; padding: 6px 0 10px 0; text-transform:uppercase}

a.button.close { width: 60px; float: none; margin: 10px auto; clear: both; padding: 6px;}
a.btndisable { text-decoration:line-through;color:#F00 !important;}
a.btndisable:hover { text-decoration:line-through;}

.search-results { overflow:hidden; padding: 15px 0;}
.search-results .sort { overflow:hidden;}
.search-results .sort select { width: 170px; margin: 0;}
.search-results .sort label { width: 80px; margin: 0;}

.search-results .info { width: 510px;}
.search-results .status { width: 150px; overflow:hidden; padding-bottom: 5px;}
.search-results .status select { width: 150px; margin-top: 0; float:right;}
.search-results .status .button-holder {clear:both; margin-top: 10px; float:right; width: 150px; overflow:hidden; height: 40px;}

ul.tasks-list { overflow:hidden; margin: 0; padding: 15px 0 0 0; list-style: none;}
ul.tasks-list li { overflow:hidden; padding: 15px 15px 15px 25px;  }
ul.tasks-list li.odd { background-color: #f0f0f0;}
ul.tasks-list li p { margin-bottom: 3px; color: #999;}
ul.tasks-list li .date-price { color: #666;}
ul.tasks-list li a.button { color: #666; padding: 4px 0px; margin-top: 15px; width: 105px;}
ul.tasks-list.mine-opagver li a.button, ul.tasks-list.mine-opagver li a.button{ width: 108px !important; float: right; margin-top: 0; clear: none !important;}


ul.tasks-list li .disabled {color: #999;text-decoration:none; }


ul.tasks-list li a.task-title { font-weight:800; font-size: 16px;}
ul.tasks-list li span.task-title { font-weight:800; font-size: 16px; text-decoration:line-through;}

.pagination { border-top: 1px solid #d6d6d6; overflow:hidden; padding-top: 15px; clear:both;}

#pager {
    display: inline;
    float: right;
    overflow: hidden;
}
#pager a, #pager span {
    color: #666;
    display: block;
    float: left;
    font-weight: bold;
    padding: 3px 7px;
	border: 1px solid #b7b7b7;
	margin-left: 8px;
	font-size:14px;
}

#pager span.current-page {
    border: 1px solid #51a500;
    color: #51a500;
}

#pager a:hover {border: 1px solid #3b8cb5; color: #3b8cb5;}

#pager a.page-first, #pager a.page-last {
    background: #fff;
    padding: 3px 10px;
	color: #3b8cb5;
	font-size: 12px;
}

#pager a.page-first.disabled, #pager a.page-last.disabled{
    background: #f0f0f0;
	border:1px solid #cacaca;
	color: #999;
}

#myOpgaver .search-form label.UpdnWatermark {top: 6px !important; margin-left: 216px;}

#newsletter.legend, #account.legend { padding-bottom: 10px;}
	
#newsletterForm input { width: 154px; font-size: 12px; margin-top: 0;}
#newsletterForm label { margin: 0; font-size: 12px; font-style: italic; top: 2px !important}

#account a.button{padding: 6px 10px; font-weight: bold; font-size: 12px;}
#account a.button.buy { text-transform: uppercase;}
#account p { margin-bottom: 10px; overflow:hidden;}
#account p.user-info { padding-bottom: 10px;}
#account span.points { font-size: 20px; font-weight: 600; color: #008e00;}

#TB_ajaxContent h2.task-title, #TB_ajaxContent h3.contact-info{ font-family: Arial, Helvetica, sans-serif !important; color: #3b8cb5; margin-bottom: 5px; font-weight:bold; font-ize: 16px; letter-spacing: 0;}
#TB_ajaxContent h3.contact-info { color: #666}
#TB_ajaxContent p.date { color: #999; margin-left: 30px;}
#TB_ajaxContent .content-view { padding: 0 0 20px 30px; overflow:hidden;}
#TB_ajaxContent p.kunde-info { color: #666; margin: 10px 0 15px 0; font-weight: 600; font-size: 14px;}
#TB_ajaxContent p.point { color: #008E00; font-size: 20px; font-weight: bold; padding: 15px 0 0 0; line-height: 24px; width:400px;}
#TB_ajaxContent p.point .point-num { margin-top: 5px; display:block; line-height: 34px;}
#TB_ajaxContent a.buy-contact { width: 210px; font-size: 14px; line-height: 18px; font-weight: bold; padding: 10px 0; margin-left: 25px;}
#TB_ajaxContent div.contact-info p { width: 290px; overflow:hidden; font-weight: bold; margin-bottom: 5px;}
#TB_ajaxContent div.contact-info p span { float: right; width: 200px; text-align:left;}
.task-detail .link-btn a.button { padding: 0 15px; height: 32px; line-height: 32px; margin: 5px 10px 0 0; font-weight: bold;}
#TB_ajaxContent .content-view .blue-txt {  font-family: 'arial'; font-size:14px; text-align:center; }
/*---Tooltip style----*/
#tipHolder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tipHolder.TipTop {padding-bottom: 10px;}

#tipHolder.TipBottom {padding-top: 10px;}

#tipHolder.TipRight {padding-left: 10px;}

#tipHolder.TipLeft {padding-right: 10px;}

#tipContent {
	font-size: 12px;
	color: #fff;
	padding: 8px 10px;
	border: 1px solid rgba(255,255,255,0.85);
	background-color: rgb(50,134,176);
	background-color: rgba(50,134,176,0.93);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	text-align:center;
	font-style:italic;
}

#tipArrow, #tipArrowInner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tipHolder.TipTop #tipArrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.9);
}

#tipHolder.TipBottom #tipArrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.9);
}

#tipHolder.TipRight #tipArrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.9);
}

#tipHolder.TipLeft #tipArrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.9);
}

#tipHolder.TipTop #tipArrowInner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(50,134,176);
	border-top-color: rgba(50,134,176,0.9);
}

#tipHolder.TipBottom #tipArrowInner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(50,134,176);
	border-bottom-color: rgba(50,134,176,0.9);
}

#tipHolder.TipRight #tipArrowInner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(50,134,176);
	border-right-color: rgba(50,134,176,0.9);
}

#tipHolder.TipLeft #tipArrowInner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(50,134,176);
	border-left-color: rgba(50,134,176,0.9);
}

#tipContent h4 {font-size: 12px; margin-bottom: 0px;}

#tipHolder p {
	margin: 0 0 3px;
	line-height:15px;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tipContent {
		padding: 5px 8px;
		background-color: rgba(50,134,176,0.9);
	}
	#tipHolder.TipBottom #tipArrowInner { 
		border-bottom-color: rgba(50,134,176,0.9);
	}
	#tipHolder.TipTop #tipArrowInner { 
		border-top-color: rgba(50,134,176,0.9);
	}
}

/* dunglt edit  */
a.button.more { height: 30px; padding: 0 12px !important; line-height: 30px; float:left; font-weight: bold;}

.border_red {
	 border: 1px solid #FF0000;
}
#footer p { margin:0px;}
ul.tasks-list li .green {color: #008E00;text-decoration:none; }

#printpage {width:760px; margin: 20px auto; background: #fff; border: 1px solid #666; padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}